	<?php if($Slides){ ?>		
		<div id='contenedor_slide'>
			<div class="main-wrapper clearfix">
				<!-- Slideshow 4 -->
				<div class="callbacks_container">
				  <ul class="rslides" id="slider4">
					<?php foreach($Slides as $sl){?>
						<?php $href = iif( !empty($sl['href']),$sl['href'],'#'); ?>	
						<li>
						  <img src="<?php echo $sl['imagen'];?>" alt="">
						  <?php if(!empty($sl['texto']) ){ echo "<p class='caption'>{$sl['texto']}</p>"; }?>
						</li>
					<?php } // endforeach ?>
				  </ul>
				</div>
			</div>
		</div> <!-- end div contenedor_slide -->	
		
	  <script>
		// You can also use "$(window).load(function() {"
		$(function () {

		  // Slideshow 4
		  $("#slider4").responsiveSlides({
			auto: true,
			pager: false,
			nav: true,
			speed: 500,
			namespace: "callbacks",
			before: function () {
			  $('.events').append("<li>before event fired.</li>");
			},
			after: function () {
			  $('.events').append("<li>after event fired.</li>");
			}
		  });

		});
	  </script>
		
	<?php } //endif Slides ?>
